<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<!--
<meta http-equiv="content-style-type" content="text/css; charset=UTF-8" />
<meta http-equiv="content-script-type" content="text/javascript; charset=UTF-8" />
-->

<title>GadgetFreak</title>

<link rel="stylesheet" type="text/css" href="GadgetFreak.css" />
<link rel="stylesheet" type="text/css" href="jquery-ui.css" />

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery-ui.min.js"></script>
<script type="text/javascript" src="gadget-freak.js"></script>

</head>
<body>
    <div class="header">
        <h1 class="main_title">GadgetFreak</h1>
    </div>
    <div class="wrapper">
        <div class="left">
            <ul id="tree_list">
                <li><a href="#">Fotoaparati</a></li>
                <li><a href="#">Računalniki</a></li>
                <li><a href="#">HI-FI</a></li>
                <li><a href="#">Bela Tehnika</a></li>
                <li><a href="#">Vrt</a></li>
                <li><a href="#">Avtomobili</a></li>
                <li><a href="#">Igrače</a></li>              
            </ul>
            
            <div id="menu_buttons"> 
                <input type="button" value="Dodaj novo napravo" onclick="onDodajNapravo()" /><br />
                <input type="button" value="Dodaj lastnosti naprave" onclick="onDodajLastnostiNaprave()" /><br />
                <input type="button" value="Dodaj slike naprave" onclick="onDodajSlikeNaprave()" /><br />
                <input type="button" value="Dodaj preizkus naprave" onclick="onDodajPreizkusNaprave()" /><br /><br />
                <a href="forum.php">FORUM</a><br /><br />
            
            <form method="post" action="odjava.php"> 
                <input type="submit" value="Odjava" name="odjava" />
            </form>
            </div>
        </div>

        <div class="right">
             <!--  INSTANCA forme za Dodajanje nove naprave  ----------------------------------------  -->
            <div id="div_nova_naprava">
                <form id="form_nova_naprava" action="addGadget.php" method="post">
                    <table border="0">
                        <tr>
                            <td>Vrsta naprave</td>
                            <td><input type="text" name="gvrsta" id="vrsta_naprave" size="30" maxlength="60" /></td>
                        </tr>
                        <tr>
                            <td>Proizvajalec</td>
                            <td><input type="text" name="gproizvajalec" id="proizvajalec" size="30" maxlength="60" /></td>
                        </tr>
                        <tr>
                            <td>Model</td>
                            <td><input type="text" name="gmodel" id="model" size="30" maxlength="60" /></td>
                        </tr>
                    </table>
                    <p>
                        <input type="submit" value="Dodaj novo napravo" /> <input type="reset" value="Ponastavi" />
                    </p>
                </form>
            </div>

            <!--  INSTANCA forme za Dodajanje lastnosti naprave  ----------------------------------------  -->
            <div id="div_lastnosti_naprave">
                <form id="form_lastnosti_naprave" action="addProperty.php" method="post">
                    <table border="0">
                        <tr>
                            <td>Dimenzije</td>
                            <td><input type="text" name="gdimenzije" id="dimenzije" size="30" maxlength="60" /></td>
                        </tr>
                        <tr>
                            <td>Teža</td>
                            <td><input type="text" name="gteza" id="teza" size="30" maxlength="60" /></td>
                        </tr>
                        <tr>
                            <td>Barva</td>
                            <td><input type="text" name="gbarva" id="barva" size="30" maxlength="60" /></td>
                        </tr>
                        <tr>
                            <td>Cena</td>
                            <td><input type="text" name="gcena" id="cena" size="30" maxlength="60" /></td>
                        </tr>
                    </table>
                    <p>
                        <input type="submit" value="Dodaj lastnosti naprave" /> <input type="reset" value="Ponastavi" />
                    </p>
                </form>
            </div>

            <!--  INSTANCA forme za Dodajanje slik naprave  ----------------------------------------  -->
            <div id="div_slike_naprave">
                <form id="form_slike_naprave" action="addImage.php" method="post">
                    <table border="0">
                        <tr>
                            <td>Povezava do slike</td>
                            <td><input type="text" name="gslika" id="povezava_do_slike" size="30" maxlength="60" /></td>
                        </tr>
                    </table>
                    <p>
                        <input type="submit" value="Dodaj slike naprave" /> <input type="reset" value="Ponastavi" />
                    </p>
                </form>
            </div>

            <!--  INSTANCA forme za Dodajanje preizkusa naprave  ----------------------------------------  -->
            <div id="div_preizkus_naprave">
                <form id="form_preizkus_naprave" action="addReview.php" method="post">
                    <table border="0">
                        <tr>
                            <td>Preizkuševalec</td>
                            <td><input type="text" name="gpreizkusevalec" id="preizkusevalec" size="30" maxlength="60" /></td>
                        </tr>
                        <tr>
                            <td>Številka testa</td>
                            <td><input type="text" name="gsttesta" id="stevilka_testa" size="30" maxlength="60" /></td>
                        </tr>
                        <tr>
                            <td>Ocena testa</td>
                            <td><input type="text" name="gocena" id="ocena_testa" size="30" maxlength="60" /></td>
                        </tr>
                    </table>
                    <p>
                        <input type="submit" value="Dodaj preizkus naprave" /> <input type="reset" value="Ponastavi" />
                    </p>
                </form>
            </div>

            <!--  INSTANCA gadgeta  -----------------------------------------------------------------  -->
            <div id="gadget_1">
                <span class="gadget_head">Tipkovnica / Logitech / KX350SLO</span>
  
                <div id="tabs">
                    <ul>
                        <li><a href="#fragment-1"><span>Osnovni opis</span></a></li>
                        <li><a href="#fragment-2"><span>Tehnični podatki</span></a></li>
                        <li><a href="#fragment-3"><span>Slike</span></a></li>
                        <li><a href="#fragment-4"><span>Preizkusi</span></a></li>
                    </ul>
    
                    <div id="fragment-1" class="tab_panel">
                        <p> Logitech KX350SLO tipkovnica je vrhunska tipkovnica za vsakega računalničarja.
                            Ponaša se z dodatnimi 10 funkcijskimi tipkami in ergonomsko podlogo za zapestja.
                        </p>
                        <h3 class="comments_title">KOMENTARJI UPORABNIKOV</h3>
                        <div id="komentarji_uporabnikov">
                            <p class="comment_head">Janez wrote...</p>
                            <p class="comment_body">Ta izdelek je odličen!<br /></p>
                        </div>
                    </div>
    
    
                    <div id="fragment-2" class="tab_panel">
                        <table border="1">
                            <tr>
                                <td>Tip</td>
                                <td>USB žična</td>
                            </tr>
                            <tr>
                                <td>Dimenzije</td>
                                <td>300x200x600 mm</td>
                            </tr>
                            <tr>
                                <td>Teža</td>
                                <td>850 g</td>
                            </tr>
                            <tr>
                                <td>Barva</td>
                                <td>Črna</td>
                            </tr>
                            <tr>
                                <td>Cena</td>
                                <td>55 €</td>
                            </tr>
                        </table>
                    </div>


                    <div id="fragment-3" class="tab_panel">
                        <div id="gallery">
                            <ul>
                                <li><a href="photos/gadget_1_1.jpg" title="Slika 1"> <img
                                        src="photos/thumb_gadget_1_1.jpg" width="74" height="74" alt="" />
                                </a></li>
                                <li><a href="photos/gadget_1_2.jpg" title="Slika 2"> <img
                                        src="photos/thumb_gadget_1_3.jpg" width="74" height="74" alt="" />
                                </a></li>
                                <li><a href="photos/gadget_1_3.jpg" title="Slika 3"> <img
                                        src="photos/thumb_gadget_1_3.jpg" width="74" height="74" alt="" />
                                </a></li>
                                <li><a href="photos/gadget_1_4.jpg" title="Slika 4"> <img
                                        src="photos/thumb_gadget_1_4.jpg" width="74" height="74" alt="" />
                                </a></li>
                            </ul>
                        </div>
                    </div>


                    <div id="fragment-4" class="tab_panel">
                        <p>Kakovostna tipkovnica priznanega proizvajalca Logitech ponuja veliko število dodatnih
                            gumbov za dostop do spleta in multimedije ter audio nadzor s tipkovnice, ki vam omogočijo
                            hitro in pregledno delo. Svoj priljubljeni multimedijski predvajalnik lahko odprete z enim
                            samim gumbom. Zmanjšate lahko tudi glasnost glasbe na tipkovnici, brez poseganja z miško po
                            programski opremi. Komuniciranje poteka hitreje in bolj enostavno tudi s hitrim gumbom za
                            elektronski nabiralnik.</p>
                    </div>
                </div>            
            </div>
            <!--  ------------------------------------------------------------------------------------  -->
        </div>
    </div>
    <div class="footer">Copyright © 2011 FRI SP-S15</div>
</body>
</html>
